﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>非常抱歉:您要查看的页面可能已经删除,更名或者暂时不可用</title>
<style>
    body {
        background: #F6F6F6;
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
    }
    .countdown {
        text-align: center;
        color: #666;
        margin-top: 10px;
        font-size: 14px;
    }
</style>
</head>
<body>
    <div style="text-align:center;">
        <img src="/images/404_new.jpg" usemap="#map" alt="404错误页面">
        <map name="map" id="map">
            <area shape="rect" coords="550,329,617,360" href="#" onclick="javascript:window.location.href=window.location.href;">
            <area shape="rect" coords="632,329,722,360" href="/">
        </map>
        <div class="countdown" id="countdown">5秒后自动跳转到首页...</div>
    </div>

<script>
    let seconds = 5;
    const countdownElement = document.getElementById('countdown');
    const countdownInterval = setInterval(function() {
        seconds--;
        countdownElement.textContent = seconds + "秒后自动跳转到首页...";
        
        if(seconds <= 0) {
            clearInterval(countdownInterval);
            window.location.href = "/";
        }
    }, 1000);
    
    // 如果用户点击页面任何位置，停止自动跳转
    document.addEventListener('click', function() {
        clearInterval(countdownInterval);
        countdownElement.textContent = "自动跳转已取消";
    });
</script>

</body>
</html>